<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<link rel="stylesheet" href="css/new_file.css" />
		<script type="text/javascript" src="js/jquery-3.0.0.js" ></script>
		<style type="text/css"></style>
		<title>TATA鞋子</title>
	</head>

	<body style="margin: 0;padding: 0;font-family: '微软雅黑';">
		<div class="logobox">
			<img src="img/下载.png" />
			<hr />
		</div>
		<div class="daohangbox">
			<a>
				<div class="somebox1">首页</div>
				<div class="somebox2">HOME</div>
			</a>
			<a>
				<div class="somebox1">女士专区</div>
				<div class="somebox2">WOMEN</div>
			</a>
			<a>
				<div class="somebox1">男士专区</div>
				<div class="somebox2">MEN</div>
			</a>
			<a>
				<div class="somebox1">产品总览</div>
				<div class="somebox2">PRODUCT</div>
			</a>
			<a>
				<div class="somebox1">明星代言</div>
				<div class="somebox2">STAR</div>
			</a>
			<a>
				<div class="somebox3"></div>
				<div class="somebox3" style="border-right: none;"></div>
			</a>
		</div>
		<div class="bannerbox">
			<div class="ban">
				<div class="bannera"><img src="img/aaaa.png"></div>
				<div class="bannerb"></div>
				<div class="bannerc"><img src="img/bbbb.png" style="float: right;"></div>
			</div>
		</div>
		<div class="zhong">
			<div class="zhongbox">
				<div class="zhongboxa">
					<div class="zhong1">全部</div>
				</div>
				<div class="zhongboxaa"></div>
				<div class="zhongboxa">
					<div class="zhong1">商务风范</div>
				</div>
				<div class="zhongboxaa"></div>
				<div class="zhongboxa">
					<div class="zhong1">休闲运动</div>
				</div>
			</div>
			<div class="xiaa">
				<div class="xiab">
					<div class="xiabb"><img src="img/cccc.png"></div>
					<div class="xiabc">
						<div class="xiabd"><b>商务风范</b></div>
						<div class="xiabf">
							<p>即使在平坦光亮的地板上，它也能走出山一样的气</p>
							<p>质。 藏在西餐厅静谧的桌椅下，它依然是最风雅的绅</p>
							<p>士。 即使在方向盘下逼仄的小空间里，它也是随性自</p>
							<p>在。 更不消说在高跟鞋的对面，它有多温柔解意。</p>
						</div>
					</div>
				</div>
				<div class="geli"></div>
				<div class="xiab">
					<div class="xiabb"><img src="img/dddd.png"></div>
					<div class="xiabc">
						<div class="xiabd"><b>休闲运动</b></div>
						<div class="xiabf">
							<p>腔调哪能全然被办公文件埋没，率性怎可被房价扼</p>
							<p>杀。 生活源于一步一步的累积，不赞成一蹴而就，也</p>
							<p>不欣赏老气横秋。 在对的时间做对得起快乐的事。 比</p>
							<p>如，为一个艳丽的午后，准备一双鞋说走就走。</p>
						</div>
					</div>
				</div>
				<div class="di">
					<div class="dibox"></div>
				</div>
				<div class="dii"></div>
			</div>
			<div class="xiaa display">
				<div class="xiab">
					<div class="xiabb"><img src="img/cccc.png"></div>
					<div class="xiabc">
						<div class="xiabd"><b>商务风范</b></div>
						<div class="xiabf">
							<p>即使在平坦光亮的地板上，它也能走出山一样的气</p>
							<p>质。 藏在西餐厅静谧的桌椅下，它依然是最风雅的绅</p>
							<p>士。 即使在方向盘下逼仄的小空间里，它也是随性自</p>
							<p>在。 更不消说在高跟鞋的对面，它有多温柔解意。</p>
						</div>
					</div>
				</div>
				<div class="geli"></div>
				<div class="xiab">
					<div class="tupian"><img src="img/q.png"></div>
					<div class="tupian"><img src="img/qq.png"></div>
					<div class="tupian"><img src="img/qqq.png"></div>
					<div class="tupian"><img src="img/qqqq.png"></div>
					<div class="tupian"><img src="img/qqqqq.png"></div>
				</div>
				<div class="di">
					<div class="dibox"></div>
				</div>
				<div class="dii"></div>
			</div>
			<div class="xiaa display">
				<div class="xiab">
					<div class="xiabb"><img src="img/dddd.png"></div>
					<div class="xiabc">
						<div class="xiabd"><b>休闲运动</b></div>
						<div class="xiabf">
							<p>腔调哪能全然被办公文件埋没，率性怎可被房价扼</p>
							<p>杀。 生活源于一步一步的累积，不赞成一蹴而就，也</p>
							<p>不欣赏老气横秋。 在对的时间做对得起快乐的事。 比</p>
							<p>如，为一个艳丽的午后，准备一双鞋说走就走。</p>
						</div>
					</div>
				</div>
				<div class="geli"></div>
				<div class="xiab">
					<div class="tupian"><img src="img/v.png"></div>
					<div class="tupian"><img src="img/vv.png"></div>
					<div class="tupian"><img src="img/vvv.png"></div>
					<div class="tupian"><img src="img/vvvv.png"></div>
					<div class="tupian"><img src="img/vvvvv.png"></div>
				</div>
				<div class="di">
					<div class="dibox"></div>
				</div>
				<div class="dii"></div>
			</div>
		</div>
		<script>
			$(function(){
				$(".zhong1").mouseenter(function(){
					var w=$(".zhong1").index(this);
					$(".xiaa").hide();
					$(".xiaa").eq(w).show();
				})
			})
		</script>
		
	</body>

</html>